<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="author" content="duanqixin@163.com" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<title>流程设计器</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/process.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/process.css" />
<script type="text/javascript">
var graphId = "${graphId}";
var workId = "${workId}";
var	isrc = "process.action?workId="+workId+"&graphId="+graphId;
</script>
</head>
<body>
	<div class="wf_head">
		<div class="wf_head_name">
			<div class="wf_head_name">流程设计器</div>
			<button id="wf_new" class="wf_head_ime">转批流程</button>
			<button id="wf_new" class="wf_head_ime">查看流程图</button>
			<button id="wf_new" class="wf_head_imes">托管流程</button>
		</div>
	</div>
	<iframe id="hm_wf_frame" name="hm_wf_frame" width="100%" frameborder="0"></iframe>
	<div class="hm_wf_foot">
		<table class="hm_wf_table" width="100%">
			<col width="2%"/>
			<col width="96%"/>
			<col width="2%"/>
			<tr>
				<td>
					<div id="hm_temp" class="hm_wf_temparea">
						<div>审批意见模板</div>
						<span><a>同意！</a></span>
						<span><a>不同意！</a></span>
					</div>
				</td>
				<td class="hm_opinion_td">
					<div class="hm_wf_ophead">审批意见</div>
					<textarea id="hm_option" name="opinion" class="hm_wf_opinion"></textarea>
					<div class="hm_wf_ophead">审批历史</div>
					<div class="hm_opinion_his">
						<table class="hm_wf_optable">
							<col width="100px;"/>
							<col width="200px;"/>
							<c:forEach items="${appInfos}" var="app">
								<tr>
									<td>${app.approveName}</td>
									<td>${app.appData}</td>
									<td>${app.opinion}</td>
								</tr>
							</c:forEach>
						</table>
					</div>
					<div class="hm_his_disDiv">
						<table class="hm_wf_optable">
							<col width="100px;"/>
							<col width="200px;"/>
							<c:forEach items="${appInfos}" var="app">
								<tr>
									<td>${app.approveName}</td>
									<td>${app.appData}</td>
									<td>${app.opinion}</td>
								</tr>
							</c:forEach>
						</table>
					</div>
					<div>
						<button class="hm_wf_opbutton">查看详细</button>
					</div>
				</td>
				<td>
					<button id="hm_next_process" class="hm_wf_subutton">下一办理</button>
				</td>
			</tr>
		</table>
	</div>
	<div id="hm_wf_clothpanel" class="wf_cloth_panel">
		<div class="cloth_left"></div>
		<div class="cloth_right"></div>
	</div>
	<div>
		<form id="hm_dataForm" method="post">
			<input type="hidden" name="hm_wf_apps"/>
			<input type="hidden" name="hm_wf_step"/>
			<input type="hidden" name="hm_wf_option"/>
			<input type="hidden" name="action" value="submit"/>
		</form>
	</div>
	<div id="bg_load_img" class="hm_bg_load">正在加载...</div>
	<iframe id='approve_ifm' class="hm_app_ifm"></iframe>
</body>
</html>